html,body{
    text-align: center;
}
div{
    vertical-align: top;
    display:inline-block;
}
.title{
    text-align: left;
}
.content{
    margin-top: 2rem;
    width:80%;
}
.title h2{
    color:darkgray;
    margin-left: 2.5rem;
}
.content img{
    width:56%;
}
.content div{
    margin-left: 1rem;
    text-align: left;
    width:40%;
}
.content div span{
    background-color: black;
    color:white;
    padding:0.5rem;
}
.content div p{
    color:gray;
    width:80%;
}

.content div a{
    margin-top:5rem;
    padding:0.4rem;
    font-size:0.8rem;
    color:white;
    background-color: black;
    text-decoration: none;
    float: right
}

.footer{
    margin-top: 2rem;
    width:80%;
    background-image: url(../img/footer.png);
    background-size: cover;
    padding:1rem 0;
}

.footer a{
    font-size:2rem;
    color:white;
    text-decoration: none;
}